import Styled from "styled-components";
let FootStyled=Styled.div`
    .footnav{
        width:100%;
        height:14rem;
        background-color:black;
        display:flex;
        justify-content:space-around;
        align-items:center;
    }
    .footleft{
        width:7rem;
        height:10rem;
        /* background-color:pink; */
        text-align:center;
        img{
            width:5rem;
            height:5rem;
            margin:0 auto;
        }
        p{
            font-size:0.7rem;
            color:lightgray;
            margin:0.25rem 0;
        }
        span{
            font-size:0.8rem;
            color:lightgray;
            border:1px solid lightgray;
        }
    }
    .footright{
        width:14rem;
        height:10rem;
        /* background-color:blue; */
        color:lightgray;
        font-size:0.7rem;
        line-height:0.7rem;
        margin-bottom:1rem;
    }
    .footrightline{
        margin-bottom:1rem;
        overflow:hidden;
        span{
            text-align:center;
            padding:0 0.5rem;
            display:block;
            float:left;
            border-right:1px solid lightgray;
            :last-child{
            border:none;
            }
        }
    }

`;
export default FootStyled;